<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的发布-心情</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />

 	<!-- 引入核心样式 -->
     <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
     <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
     <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
     <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
     <link rel="stylesheet" href="http://appimg.yinsoso.com/swiper-3.3.1.min.css" />

    <!--当前页面的css-->
    <link href="../../css/myPublish.css" rel="stylesheet" />
    <link href="../../css/mypublishMood.css" rel="stylesheet" />
    <link href="../../../template/css/college.css" rel="stylesheet" />
    <link href="../../../template/css/association.css" rel="stylesheet" />

 <!-- 引入核心JS -->
 <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
 <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
 <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
 <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
 <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
 <script src="http://appimg.yinsoso.com/swiper-3.3.1.min.js"></script>
 <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
</head>

<body id="mypublishMood">
    <div id="app">
            <div class="state-classify">
                <template v-for="(item,index) in tabs">
                    <a href="###" class="state" :class="{'state-active':index == num}" @click="getTab(index)">{{item}}</a>
                    <span v-if="index==0"></span>
                </template>
            </div>
            <!--发布内容-->
            <div id="publishContent">
                <section class="publish-block">
                    <ul class="coll-main asso-main">
                        <!--发布成功-->
                        <li class="clearfix" style="border-top: none;" v-for="item in listData" v-if="num == 0">
                                <div class="coll-main-li" @click="urlHref(item)">
                                    <div class="coll-left">
                                        <img :src="item.head_img" />
                                    </div>
                                    <div class="coll-right">
                                        <p>
                                            {{item.title}}
                                        </p>
                                        <div class="coll-right-bot">
                                            <!-- <div class="coll-source">{{item.新闻}}</div> -->
                                            <div class="coll-browse">
                                                <img src="../../../images/eye.jpg" />
                                                <span>{{item.read_num}}</span>
                                            </div>
                                            <!-- <div class="coll-media">{{item.媒体}}</div> -->
                                            <div class="coll-time">{{item.create_date}}</div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        <!--审核中-->
                        <li class="clearfix" style="border-top: none;" v-for="item in listData" v-if="num == 1">
                            <!-- <a :href="../../../template/心情dehtml"></a> -->
                            <div class="coll-main-li">
                                <div class="coll-left">
                                    <img :src="item.head_img" />
                                </div>
                                <div class="coll-right">
                                    <p>
                                        {{item.title}}
                                    </p>
                                    <div class="coll-right-bot">
                                        <!-- <div class="coll-source">{{item.新闻}}</div> -->
                                        <div class="coll-browse">
                                            <img src="../../../images/eye.jpg" />
                                            <span>{{item.read_num}}</span>
                                        </div>
                                        <!-- <div class="coll-media">{{item.媒体}}</div> -->
                                        <div class="coll-time">{{item.create_date}}</div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </section>
            </div>
            <div class="weui-loadmore" id="pageLoading" v-if="!loading">
                    <i class="weui-loading"></i>
                    <span class="weui-loadmore__tips">正在加载</span>
                </div>
                <div class="nolist" v-if="hideing">暂无更多数据</div>
        
    </div>

    <!-- <div class="bottom-msg clear">
        <div class="bottom-msg-hr"></div>
        <span class="msg-text">我是有底线的</span>
    </div> -->
    <script src="../../js/myPublishMood.js"></script>
</body>

</html>